<?php
$head_extension = '
    <link rel="stylesheet" href="libs/fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
';
$connecte =true;
    include 'includes/header.html.php';
?>
        <div class="nav">
            
        <?php include 'includes/menu.html.php'; ?>
			
            <div class="nav-secondaire">
                <div class="ariane">
                    Accueil > <a href="">Surgelé</a>
                </div>

                <div class="filtres">
					<!--
                    <div class="filtres-bouton-categorie">
                        <div class="filtre-bouton-categorie-bleue">
                            <button id="bouton-cat-1" name="bouton-cat-1" value="1">Frites</button>                 
                            <button id="bouton-cat-2" name="bouton-cat-2" value="1">Glaces</button>
                            <button id="bouton-cat-3" name="bouton-cat-3" value="1">Légumes</button>    
                            <button id="bouton-cat-4" name="bouton-cat-4" value="1">Plats cuisinés</button> 
                            <button id="bouton-cat-5" name="bouton-cat-5" value="1">Produits de la mer</button>                         
                            <button id="bouton-cat-6" name="bouton-cat-6" value="1">Sorbets</button>                    
                            <button id="bouton-cat-7" name="bouton-cat-7" value="1">Viandes</button>                        
                        </div>
                    </div>
					-->
                    
                    <div class="filtre-liste">
						<label for="filtre-liste-categorie">Catégorie : </label>
                        <select id="filtre-liste-categorie" name="filtre-liste-categorie">
                            <option value="0">Frites</option>
                            <option value="1" selected>Glaces</option>
                            <option value="2">Légumes</option> 							
                            <option value="3">Produits de la mer</option>                       
                        </select>					
					
                        <select id="filtre-liste-tri" name="filtre-liste-tri">
                            <option value="0">Prix décroissants</option>
                            <option value="1">Prix croissants</option>
                            <option value="2">Ordre alphabétique</option>                       
                        </select>
                    </div>  

                    <div class="pagination">
                        <a href="#" class="bouton-page-prec-bleu"></a>                  
                        <button id="page1" name="page1" class="bouton-page page-active" value="1">1</button>
                        <button id="page2" name="page2" class="bouton-page" value="1">2</button>
                        <button id="page3" name="page3" class="bouton-page" value="1">3</button>
                        <a href="#" class="bouton-page-suiv-bleu"></a>                      
                    </div>
                    
                </div>
            </div>

			
        <?php include 'includes/recherche.html.php'; ?>
			
        </div> <!-- .nav -->

        <div class="content">

            <div class="listing-articles">
        
                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="article-thumb">
                    <h2 class="article-thumb-title">Glace au citron</h2>
                    <a href="fiche-produit.html" class="various fancybox.ajax">
                        <img class="article-thumb-image" src="images/glace_citron_min1.png" width="100">
                    </a>
                            
                    <div class="article-thumb-desc">
                        <p>Un petit goût de fraîcheur</p>
                    </div>
                    <a href="#" class="article-thumb-ajout-liste" >
                        <img src="img/ajout-liste.png" alt="ajouter à ma liste">
                    </a>
                    <a href="#" class="article-thumb-ajout-panier" >
                        <img src="img/ajout-panier.png" alt="ajouter à mon panier">
                    </a>
                    <div class="article-thumb-price">
                        2<span class="centimes">,30&nbsp;</span>€
                    </div>
                </div>


                <div class="clear"></div>
            </div>
        </div> <!-- .content -->

    </div> <!-- .container -->
    <div class="footer">
        <p>
            <a href="#">Mentions légales</a>
            <a href="#">Plan du site</a>
        </p>
    </div>

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="libs/fancybox/source/jquery.fancybox.pack.js"></script>
<script type="text/javascript">
    (function($){
        var $div = $('.header-panier div').first();
        $('.header-panier-etendre').click(function(event) {
            event.preventDefault();
            if ($(this).hasClass('ouvert')) {
                $(this).removeClass('ouvert');
                $div.html('<table><tr><td>Tomates</td><td>x 3</td><td>2.23&nbsp;€</td></tr></table>');
            } else {
                $(this).addClass('ouvert');
                $div.html('<table><tr><td>Tomates</td><td>x 3</td><td>2.23&nbsp;€</td></tr>'+
                                                    '<tr><td>Chocolat</td><td>x 1</td><td>1.75&nbsp;€</td></tr>'+
                                                    '<tr><td>Crayon</td><td>x 10</td><td>3.45&nbsp;€</td></tr>'+
                                                    '<tr><td>Mayonnaise</td><td>x 2</td><td>1.39&nbsp;€</td></tr></table>');
            }
        });

        $(".various").fancybox({
            scrolling : 'yes'
        });
    })(jQuery);
</script>
</body>
</html>


